<template>

	<el-table ref="filterTable" :data="tableData" style="width: 100%">
		<el-table-column prop="name" label="姓名" width="">
		</el-table-column>
		
		<el-table-column prop="tag" label="标签" width="100"
			:filters="[{ text: '家', value: '家' }, { text: '公司', value: '公司' }]" 
			:filter-method="filterTag"
			filter-placement="bottom-end">
			<template slot-scope="scope">
				<el-tag :type="scope.row.tag === '家' ? 'primary' : 'success'" disable-transitions>{{scope.row.tag}}
				</el-tag>
			</template>
		</el-table-column>
	</el-table>
</template>

<script>
	export default {
		data() {
			return {
				tableData: [{
					date: '2016-05-02',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1518 弄',
					tag: '家'
				}, {
					date: '2016-05-04',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1517 弄',
					tag: '公司'
				}, {
					date: '2016-05-01',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1519 弄',
					tag: '家'
				}, {
					date: '2016-05-03',
					name: '王小虎',
					address: '上海市普陀区金沙江路 1516 弄',
					tag: '公司'
				}]
			}
		},
		methods: {
			filterTag(value, row) {
				// console.log(value)
				console.log(row)
				// console.log(row.tag)
				return row.tag === value;
			},

		}
	}
</script>
